<!DOCTYPE html>
<html>
<head>
<style type="text/css">

body {
  width: 500px;
}

p {
	font-family: monospace;
	font-size: 12px;
}
.columns {
	-moz-column-count: 3;
}

.toppadded
{
	padding-top: 18px;
}

.floatbox {
	float: left;
	margin: 20px 0px 0 0;
	width: 90px;
}

</style>	
</head>

<!-- <body onload="document.getElementById('foo').appendChild(document.createTextNode('aaaaaaa'));"> -->
<div class="columns">

		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		<p>C
		
		<p id="foo">xxxxxx xxxxxx xxxxxx xxxxxx xxxxxx xxxxxx xxxxxx xxxxxx </p>

    <div class="toppadded">
      T
      <p class="floatbox">W W W W W W W W Waaaaaaa</p>
    </div>

</div>

</body>
</html>
